<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>充电桩管理</title>
	<link href="../../../static/lib/css/style.min862f.css" rel="stylesheet">
	<link rel="stylesheet" href="../../../static/lib/css/font-awesome-4.7.0/css/font-awesome.min.css">
	<link rel="stylesheet" href="../../../static/lib/plugins/bootstrap/css/bootstrap.min.css">
	<link rel="stylesheet" href="../../../static/lib/plugins/bootstrap-table/bootstrap-table.min.css">
	<link rel="stylesheet" href="../../../static/lib/plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.min.css">
	<link rel="stylesheet" href="../../../static/lib/plugins/layer/layer.css">
	<link rel="stylesheet" href="../../../static/lib/plugins/bootstrap-validator/css/bootstrapValidator.min.css">
	<link rel="stylesheet" href="../../../static/lib/plugins/datepicker/datepicker3.css">
	<link rel="stylesheet" href="../../../static/lib/plugins/tab-nth/jquery.scrollbar.min.css">
	<link rel="stylesheet" href="../../../static/lib/plugins/tab-nth/nth.tabs.css">
	<link rel="stylesheet" href="../../../static/lib/plugins/jsTree/themes/default/style.min.css">
	<link rel="stylesheet" href="../../../static/lib/plugins/bootstrap-select/css/bootstrap-select.css">

	<!-- 自定义公共样式 -->
	<link rel="stylesheet" href="../../../common/css/common.css">
	<script type="text/javascript" src="../../../static/lib/plugins/jQuery/jquery-2.2.3.min.js"></script>
	<script type="text/javascript" src="../../../static/lib/plugins/bootstrap/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="../../../static/lib/plugins/bootstrap-table/bootstrap-table.min.js"></script>
	<script type="text/javascript" src="../../../static/lib/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
	<script type="text/javascript" src="../../../static/lib/plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js"></script>
	<script type="text/javascript" src="../../../static/lib/plugins/bootstrap-datetimepicker/locales/bootstrap-datetimepicker.zh-CN.js"></script>
	<script type="text/javascript" src="../../../static/lib/plugins/layer/layer.min.js"></script>
	<script type="text/javascript" src="../../../static/lib/plugins/bootstrap-validator/js/bootstrapValidator.min.js"></script>
	<script type="text/javascript" src="../../../static/lib/plugins/bootstrap-validator/js/language/zh_CN.js"></script>
	<script type="text/javascript" src="../../../static/lib/plugins/datepicker/bootstrap-datepicker.js"></script>
	<script type="text/javascript" src="../../../static/lib/plugins/datepicker/locales/bootstrap-datepicker.zh-CN.js"></script>
	<script type="text/javascript" src="../../../static/lib/plugins/tab-nth/jquery.scrollbar.min.js"></script>
	<script type="text/javascript" src="../../../static/lib/plugins/tab-nth/nth.tabs.js"></script>
	<script type="text/javascript" src="../../../static/lib/plugins/jsTree/jstree.js"></script>
	<script type="text/javascript" src="../../../static/lib/plugins/bootstrap-select/js/bootstrap-select.js"></script>
	<script type="text/javascript" src="../../../common/js/common.js"></script>
	<script type="text/javascript" src="../../../static/js/public.js"></script>
	<script type="text/javascript" src="../../../common/js/select.js"></script>
</head>
<body class="gray-bg">
<div class="panel-body" style="padding-bottom: 0px;">
	<div class="panel panel-default">
		<div class="panel-heading">
			<h4 class="panel-title">
				<a data-toggle="collapse" data-parent="#accordion" href="#queryDiv" style="color: #337ab7;">
					查询条件
				</a>
			</h4>
		</div>

		<input id="status" type="hidden">

		<div id="queryDiv" class="panel-collapse collapse in">
			<div class="panel-body">
		<div class="col-md-12 form-searchInput">
			<div class="form-group col-md-12">
				<div class=" col-md-4 col-sm-4 col-xs-4 ">
					<label class="label-width6">设备类型:</label>
					<select class="form-control" id="type">
						<option value="">--请选择--</option>
						<option value="1">直流充电桩</option>
						<option value="2">交流充电桩</option>
						<option value="3">通用充电在</option>
					</select>
				</div>
				<div class="col-md-4 col-sm-4 col-xs-4">
					<label class="label-width6">桩编号:</label>
					<input maxlength="50" type="text" class="form-control" id="stakeno" placeholder="桩编号">
				</div>
				<div class="col-md-4 col-sm-4 col-xs-4">
					<label class="label-width1">充电桩状态:</label>
					<select  class="form-control selectpicker" id="stakestatus" data-live-search="true">
						<option value="">--请选择--</option>
						<option value="3">运行</option>
						<option value="10">停运</option>
						<option value="11">退运</option>
						<option value="8">维护</option>
						<option value="2">待投运</option>
					</select>
				</div>
			</div>
			<div class="form-group col-md-12">
				<div class="col-md-4 col-sm-4 col-xs-4">
					<label class="label-width6">组织机构:</label>
					<input type="text" class="form-control" id="orgcodeName" readonly style="border-radius: 4px 0px 0px 4px;width: 58%;"><button id="provinceClick" class="btn btn-info" style="border-radius: 0px 4px 4px 0px;vertical-align: top;width: 12%;"><i class="	fa fa-search"></i></button>
				</div>
				<div class="col-md-4 col-sm-4 col-xs-4">
					<label class="label-width6">产权单位:</label>
					<input type="text" class="form-control" id="prorgcodeName" readonly style="border-radius: 4px 0px 0px 4px;width: 58%;"><button id="prorgcodeClick" class="btn btn-info" style="border-radius: 0px 4px 4px 0px; vertical-align: top;width: 12%;"><i class="	fa fa-search"></i></button>
				</div>
				<div class="col-md-4 col-sm-4 col-xs-4">
					<label class="label-width1">运维单位:</label>
					<input type="text" class="form-control" id="managerorgName" readonly style="border-radius: 4px 0px 0px 4px;width: 58%;"><button id="managerorgClick" class="btn btn-info" style="border-radius: 0px 4px 4px 0px; vertical-align: top;width: 12%"><i class="	fa fa-search"></i></button>
				</div>
			</div>
			<div class="form-group col-md-12">
				<div class="col-md-4 col-sm-4 col-xs-4">
					<label class="label-width6">开始时间:</label>
					<input type="text" class="form-control" id="startTime" placeholder="投运开始">
				</div>
				<div class="col-md-4 col-sm-4 col-xs-4">
					<label class="label-width6">结束时间:</label>
					<input type="text" class="form-control" id="endTime"  placeholder="投运结束">
				</div>
				<div class="col-md-4 col-sm-4 col-xs-4">
					<label class="label-width1">充电桩类型:</label>
					<select class="form-control" id="staketype" >
						<option value="">--请选择--</option>
						<option value="1">专用充电桩</option>
						<option value="2">公用充电桩</option>
					</select>
				</div>
			</div>
			<div class="form-group col-md-12">

				<div class="col-md-4 col-sm-4 col-xs-4">
					<label class="label-width6">是否三方:</label>
					<select class="form-control" id="isThird" >
						<option value="">--请选择--</option>
						<option value="0">否</option>
						<option value="1">是</option>
					</select>
				</div>
				<div class="col-md-4 col-sm-4 col-xs-4">
					<label class="label-width6">生产厂商:</label>
					<select class="form-control selectpicker" data-live-search="true" id="vendorUUid">
						<option value="">--请选择--</option>
					</select>
				</div>
				<div class="col-md-4 col-sm-4 col-xs-4">
					<label class="label-width1">充电站名称:</label>
					<input maxlength="50" type="text" class="form-control" id="stationname">
				</div>
			</div>
			<div class="form-group col-md-12">
				<div class="col-md-4 col-sm-4 col-xs-4"></div>
				<div class="col-md-4 col-sm-4 col-xs-4"></div>
				<div class="col-md-2 col-sm-2 col-xs-2 pull-right">
					<button type="button" class="btn btn-primary pull-right mar-right" id="btnEmpty">重置</button>
					<button type="button" class="btn btn-primary pull-right mar-right" id="btnQuery">查询</button>
				</div>
			</div>
		</div>
	</div>
		</div>
		<div class="tab_list">
			<table id="tb_ads"></table>
		</div>
	</div>
</div>
<!--新增充电桩-->
<div class="addStake" style="display: none">
	<div class="panel">
		<div class="panel-body">
			<fieldset class="col-md-12">
				<legend>
					<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">桩信息</a>
				</legend>
				<div id="collapseOne" class="panel-collapse collapse in">
					<div class="panel-body">
						<div class="col-md-12 form-group">
							<div class="col-md-4 col-sm-4 col-xs-4 ">
								<label class="label-width6">桩编号*:</label>
								<input maxlength="50" type="text" class="form-control" id="stakeNos"  readonly>
							</div>
							<div class=" col-md-4 col-sm-4 col-xs-4 ">
								<label class="label-width6">授权码*:</label>
								<input maxlength="50" type="text" class="form-control" id="authcode" readonly>
							</div>
							<div class=" col-md-4 col-sm-4 col-xs-4 ">
								<label class="label-width6">注册码*:</label>
								<input maxlength="50" type="text" class="form-control" id="registrationNo"  readonly>
							</div>
						</div>
						<div class="col-md-12 form-group">
							<div class=" col-md-4 col-sm-4 col-xs-4 ">
								<label class="label-width6">出厂编号:</label>
								<input maxlength="50" type="text" class="form-control" id="factoryno" disabled>
							</div>
							<div class=" col-md-4 col-sm-4 col-xs-4 ">
								<label class="label-width6">桩名称*:</label>
								<input maxlength="50" type="text" name="stakeName" id="stakename" class="form-control" >
							</div>
							<div class=" col-md-4 col-sm-4 col-xs-4 ">
								<label class="label-width6">使用年限:</label>
								<input maxlength="50" type="text" class="form-control" id="durableyears" >
							</div>
						</div>
						<div class="col-md-12 form-group">
							<div class=" col-md-4 col-sm-4 col-xs-4 ">
								<label class="label-width6">生产日期:</label>
								<input type="text" class="form-control"  id="createdat">
							</div>
							<div class=" col-md-4 col-sm-4 col-xs-4 ">
								<label class="label-width6">投运时间:</label>
								<input type="text" class="form-control"  id="runtime"  disabled>
							</div>
							<div class=" col-md-4 col-sm-4 col-xs-4 ">
								<label class="label-width6">注册时间:</label>
								<input type="text" class="form-control" name="" id="registdat" disabled>
							</div>
						</div>
						<div class="col-md-12 form-group">
							<div class=" col-md-4 col-sm-4 col-xs-4 ">
								<label class="label-width6">调试时间:</label>
								<input type="text" class="form-control" name=""  id="debuggingtime" disabled>
							</div>
							<div class=" col-md-4 col-sm-4 col-xs-4 ">
								<label class="label-width6">设备类型*:</label>
								<select class="form-control" id="typeinfo" disabled>
								</select>
							</div>
							<div class=" col-md-4 col-sm-4 col-xs-4 ">
								<label class="label-width6">接口标准*:</label>
								<select class="form-control"  id="standard">
									<!--<select class="form-control selectpicker"  data-size="10" data-live-search="true" id="standard">-->
									<!--<option value="">&#45;&#45;请选择&#45;&#45;</option>-->
								</select>
							</div>
						</div>
						<div class="col-md-12 form-group stakeTrace">
							<div class=" col-md-4 col-sm-4 col-xs-4 ">
								<label class="label-width6">桩类型*:</label>
								<select class="form-control" id="stakeTypes">
									<option value="">--请选择--</option>
									<option value="1">专用</option>
									<option value="2">公用</option>
								</select>
							</div>
							<div class=" col-md-4 col-sm-4 col-xs-4">
								<a href="javascript:;" style="line-height: 34px;" id="stakeTrace">查看操作轨迹</a>
								<input type="text" hidden id="uuid">
							</div>
						</div>
						<div class="col-md-12 form-group">
							<div class=" col-md-4 col-sm-4 col-xs-4 ">
								<label class="label-width6">设备型号*:</label>
								<input type="text" class="form-control" id="equipmentno" readonly style="border-radius: 4px 0px 0px 4px;width: 58%;"><button id="equipmentClick" class="btn btn-info" style="border-radius: 0px 4px 4px 0px;vertical-align: top;width: 12%;"><i class="	fa fa-search"></i></button>
							</div>
						</div>
						<div class="col-md-12 form-group">
							<div class=" col-md-4 col-sm-4 col-xs-4 ">
								<label class="label-width6">生产厂商*:</label>
								<input type="text" id="vendoruuid" class="form-control" readonly>
							</div>
							<div class=" col-md-4 col-sm-4 col-xs-4 ">
								<label class="label-width6">最大电压:</label>
								<input type="text" class="form-control"  id="maxoutvolt" disabled>
							</div>
							<div class=" col-md-4 col-sm-4 col-xs-4 ">
								<label class="label-width6">额定功率:</label>
								<input type="text" class="form-control"  id="power" disabled>
							</div>
						</div>
						<div class="col-md-12 form-group ">
							<div class="col-md-4 col-sm-4 col-xs-4 ">
								<label class="label-width6">站名称*:</label>
								<input type="text" class="form-control" id="stationnameInfo" readonly style="border-radius: 4px 0px 0px 4px;width: 58%;"><button id="stationClick" class="btn btn-info" style="border-radius: 0px 4px 4px 0px;vertical-align: top;width: 12%;"><i class="	fa fa-search"></i></button>
							</div>
							<div class=" col-md-4 col-sm-4 col-xs-4 ">
								<label class="label-width6">充电标准:</label>
								<select  id="standards" class="form-control selectpicker"  data-size="10" data-live-search="true" >
								</select>
							</div>
							<div class=" col-md-4 col-sm-4 col-xs-4 stakeTrace">
								<label class="label-width6">交易类型*:</label>
								<input type="checkbox" name="tradeTypes" value="1" disabled>充电卡
								<input type="checkbox" name="tradeTypes" value="2" disabled>二维码
								<input type="checkbox" name="tradeTypes" value="4" disabled>账号余额
							</div>
						</div>
					</div>
				</div>
			</fieldset>
			<fieldset class="col-md-12 ">
				<legend><a data-toggle="collapse" data-parent="#accordion" href="#collapseStation">站信息</a></legend>
				<div id="collapseStation" class="panel-collapse collapse in">
					<div class="panel-body">
						<div class="col-md-12 form-group">
							<div class="col-md-4 col-sm-4 col-xs-4 ">
								<label class="label-width6">组织机构:</label>
								<input type="text" id="provinceCityPartInfo" class="form-control" disabled>
							</div>
							<div class=" col-md-4 col-sm-4 col-xs-4 ">
								<label class="label-width6">站地址:</label>
								<input maxlength="50" type="text" class="form-control" id="address" disabled>
							</div>
							<div class=" col-md-4 col-sm-4 col-xs-4 ">
								<label class="label-width6">是否三方:</label>
								<select id="isthird" class="form-control" disabled>
									<option value="">--请选择--</option>
									<option value="0">否</option>
									<option value="1">否</option>
									<option value="2">是</option>
									<option value="3">是</option>
									<option value="4">是</option>
								</select>
							</div>
						</div>
						<div class="col-md-12 form-group">
							<div class=" col-md-4 col-sm-4 col-xs-4 form-group">
								<label class="label-width6">站点类型*:</label>
								<select class="form-control selectpicker" id="stationType" disabled data-size="10" data-live-search="true">
									<option value="">--请选择--</option>
									<optgroup id="gcc" label="国网">
										<option value="0-1">国网-高速</option>
										<option value="0-2">国网-城市公共</option>
										<option value="0-3">国网-单位内部</option>
										<option value="0-4">国网-公交</option>
										<option value="0-6">国网-出租车</option>
										<option value="0-99">国网-岸电</option>
										<option value="0-5">国网-其他</option>
									</optgroup>
									<optgroup id="third" label="第三方">
										<option value="1-1">第三方-公共</option>
										<option value="1-50">第三方-个人</option>
										<option value="1-100">第三方-公交专用</option>
										<option value="1-101">第三方-环卫专用</option>
										<option value="1-102">第三方-物流专用</option>
										<option value="1-103">第三方-出租车专用</option>
										<option value="1-99">第三方-岸电</option>
										<option value="1-255">第三方-其他</option>
									</optgroup>
								</select>
							</div>
							<div class="col-md-4 col-sm-4 col-xs-4 ">
								<label class="label-width6">站经度:</label>
								<input  maxlength="50"type="text" class="form-control" id="lat" disabled>
							</div>
							<div class=" col-md-4 col-sm-4 col-xs-4 ">
								<label class="label-width6">站纬度:</label>
								<input maxlength="50" type="text" class="form-control" id="lng" disabled>
							</div>
						</div>
						<div class="col-md-12 form-group">
							<div class=" col-md-4 col-sm-4 col-xs-4">
								<label class="label-width6">运营商*:</label>
								<select id="operatoruuid" class="form-control selectpicker" disabled data-size="10" data-live-search="true">
								</select>
							</div>
							<div class="col-md-4 col-sm-4 col-xs-4 ">
								<label class="label-width6">服务电话:</label>
								<input maxlength="50" type="text" class="form-control" disabled id="servicephone">
							</div>
							<div class=" col-md-4 col-sm-4 col-xs-4 ">
								<label class="label-width6" title="清分结算机构">产权单位*:</label>
								<input maxlength="50" class="form-control" id="prorgCode" disabled>
							</div>
						</div>
					</div>
				</div>
			</fieldset>
			<fieldset class="col-md-12 ">
				<legend><a data-toggle="collapse" data-parent="#accordion" href="#collapseParkArea">停车区信息</a></legend>
				<div id="collapseParkArea" class="panel-collapse collapse in">
					<div class="panel-body">
						<div class="col-md-12 form-group">
							<div class=" col-md-4 col-sm-4 col-xs-4 ">
								<label class="label-width1">选择停车区*</label>
								<input type="hidden" id="parkareauuid">
								<input maxlength="50" type="text" class="form-control" id="parkAreaNameInfo" readonly style="border-radius: 4px 0px 0px 4px;width: 58%;"><button id="parkAreaClick" class="btn btn-info" style="border-radius: 0px 4px 4px 0px;vertical-align: top;width: 12%;"><i class="	fa fa-search"></i></button>
							</div>
						</div>
						<div class="col-md-12 form-group">
							<div class="col-md-4 col-sm-4 col-xs-4">
								<label class="label-width1" >收费标准:</label>
								<input maxlength="50" type="text" class="form-control" id="parkingfee" disabled>
							</div>
							<div class="col-md-4 col-sm-4 col-xs-4 ">
								<label class="label-width1">开放时间:</label>
								<input maxlength="50" type="text" class="form-control" id="openat" disabled>
							</div>
							<div class=" col-md-4 col-sm-4 col-xs-4 ">
								<label class="label-width1">关闭时间:</label>
								<input maxlength="50" type="text" class="form-control" id="closeat" disabled>
							</div>
						</div>
					</div>
				</div>
			</fieldset>
			<fieldset class="col-md-12 ">
				<legend><a data-toggle="collapse" data-parent="#accordion" href="#collapseCharge">充电枪信息*</a></legend>
				<div id="collapseCharge" class="panel-collapse collapse in">
					<button type="button" class="btn btn-primary" id="addChargingGunBtn" style="margin-bottom:20px;">添加充电枪</button>
					<div class="nth-tabs" id="editor-tabs"></div><!--使用时只需此标签，class固定,id自定义-->
				</div>
			</fieldset>
		</div>
	</div>
</div>
<div id="toolbar" class="">
	&nbsp;&nbsp;
	<button type="button" class="btn btn-primary mar-right pull-right" id="btnExport" style="display: none;">导出Excel</button>
	<!--<button type="button" class="btn btn-danger mar-right pull-right" id="btnDelete" style="display: none;">删除</button>-->
	<button type="button" class="btn btn-warning mar-right pull-right" id="btnRevise" style="display:none;">修改</button>
</div>
<!--导出弹窗-->
<div class="export_dialog" style="display: none;"></div>

<div id="traceDetail" style="display: none">
	<div class="col-sm-12">
		<div class="wrapper wrapper-content">
			<div class="row animated fadeInRight">
				<div class="col-sm-12">
					<div class="ibox float-e-margins">
						<div class="text-center float-e-margins p-md">
							<span>预览：</span>
							<a href="#" class="btn btn-xs btn-primary" id="leftVersion">布局切换</a>
						</div>
						<div class="" id="ibox-content">
							<div id="vertical-timeline" class="vertical-container light-timeline">
								<div class="vertical-timeline-block">
									<div class="vertical-timeline-icon blue-bg">
										<i class="fa fa-file-text"></i>
									</div>
									<div class="vertical-timeline-content">
										<h2>修改</h2>
										<p>桩属性修改</p>
										<a href="#" class="btn btn-sm btn-primary"> 更多信息</a>
										<span class="vertical-date">
                                            <small>2月3日</small>
                                        </span>
									</div>
								</div>
								<div class="vertical-timeline-block">
									<div class="vertical-timeline-icon lazur-bg">
										<i class="fa fa-coffee"></i>
									</div>
									<div class="vertical-timeline-content">
										<h2>修改</h2>
										<p>桩属性修改</p>
										<a href="#" class="btn btn-sm btn-primary"> 更多信息</a>
										<span class="vertical-date">
                                            <small>2月2日</small>
                                        </span>
									</div>
								</div>
								<div class="vertical-timeline-block">
									<div class="vertical-timeline-icon yellow-bg">
										<i class="fa fa-phone"></i>
									</div>
									<div class="vertical-timeline-content">
										<h2>创建</h2>
										<p>工单接入</p>
										<span class="vertical-date"><small>2月2日</small></span>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!--组织机构选择-->
<div class="provinceCityPartJsTree" style="display: none;">
	<div class="col-md-12 col-sm-12 col-xs-12 " style="margin-top:10px;">
		<div class="col-md-6 col-sm-6 col-xs-6 ">
			<label class="label-width3">查寻:</label>
			<input maxlength="50" type="text" class="form-control" id="search_input">
		</div>
		<div class="col-md-12 col-sm-12 col-xs-12 ">
			<div id="jsZtreelayer"></div>
		</div>
	</div>
</div>
<div class="equipmentQuery" style="display: none;padding: 0px 10px 10px 10px;">
	<div class="col-md-10" style="margin: 5px;0px;">
		<div class="col-md-4 col-sm-4 col-xs-4 ">
			<label class="label-width6">类型名称:</label>
			<input maxlength="50" type="text" class="form-control" id="qryEquipmentName" placeholder="类型名称">
		</div>
		<div class="col-md-2">
			<button class="btn btn-primary" id="btnQueryEquipment">查询</button>
		</div>
	</div>
	<table id="equipment_table"></table>
</div>
<div class="stationQuery" style="display: none;padding: 0px 10px 10px 10px;">
	<div class="col-md-10" style="margin: 5px;0px;">
		<div class="form-group col-md-4 col-sm-4 col-xs-4">
			<label class="label-width6">充电站名:</label>
			<input maxlength="50" type="text" class="form-control" id="stationName" placeholder="充电站名">
		</div>
		<div class="col-md-2">
			<button class="btn btn-primary" id="btnQueryStation">查询</button>
		</div>
	</div>
	<table id="station_table"></table>
</div>
<div class="parkAreaQuery" style="display: none;padding: 0px 10px 10px 10px;">
	<table id="parkArea_table"></table>
</div>
<script type="text/javascript" src="../../../static/js/basicdata/stake/stake_manage.js"></script>
</body>
</html>